<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<title>个人网站 powered by 土豆</title>
		<link rel="shortcut icon" type="image/ico" href="img/icon.ico"/>
		<link rel="stylesheet" href="css/jquery.fullPage.css"/>
		<link rel="stylesheet" href="css/css.css" />
		<link href="css/flickerplate.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
		<script src="js/modernizr-custom-v2.7.1.min.js"></script>
		<script src="js/jquery-finger-v0.1.0.min.js"></script>
		<script src="js/flickerplate.min.js"></script>
		
		<script>
			$(function(){
				$('.banner').flicker();
			});
		</script>
	</head>
	
	<body>
		<!--导航栏-->
		<div class="ml-nav">
			<div class="center-wrap clearfix ">
				<h2 class="ml-logo">Coder4me</h2>
				<p class="ml-link">
					<a href="#">首页</a>
					<a href="#">我的相册</a>
					<a href="#">关于我</a>
					<a href="#">友情链接</a>
				</p>
			</div>
		</div>
		
		<!--正文-->
		<div id="myHomePage">
			<!--第一屏-->
			<div class="section banner">
				<ul class="banner-ul">
					<li data-background="img/bg1_1.jpg">
						<div class="flick-title">欢迎你</div>
						<div class="flick-sub-text">大家好,我是孙龙,这是我的个人网站.</div>
					</li>
					<li data-background="img/bg1_2.jpg">
						<div class="flick-title">欢迎你</div>
						<div class="flick-sub-text">大家好,我是孙龙,这是我的个人网站.</div>
					</li>
					<li data-background="img/bg1_3.jpg">
						<div class="flick-title">欢迎你</div>
						<div class="flick-sub-text">大家好,我是孙龙,这是我的个人网站.</div>
					</li>
					<li data-background="img/bg1_4.jpg">
						<div class="flick-title">欢迎你</div>
						<div class="flick-sub-text">这是我的个人网站</div>
					</li>
				</ul>
			</div>
			
			<!--第二屏-->
			<div class="section two">
				<div class="center-wrap">
					<div class="two-desc">
						<!--content-->
					</div>
				</div>
			</div>
			<!--第三屏-->
			<div class="section three">
				<div class="center-wrap">
					<div class="three-desc">
						<!--content-->
					</div>
				</div>
			</div>
			<!--Footer-->
			<div class="section footer">
				<div class="foot-center-wrap">
					<div class="row">
						<!--关于我们-->
						<div class="footer-about">
							<h3>关于我们</h3>
							<br/>
							<p>本网页基于jQuery全屏插件<a target="_balnk" href="http://www.dowebok.com/77.html">FullPage.js</a>开发,如果您对我们有什么建议,请联系我们.</p>
							<br/>
							<p>QQ:      2013855675</p>
							<p>Tel:  	15705547511</p>
							<p>E-mail:  2013855675@qq.com</p>
							<p>Address: 淮南师范学院&nbsp;9A106&nbsp;寝室</p>
						</div>
						<!--友情链接-->
						<div class="footer-links">
							<h3>友情链接</h3>
							<br/>
							<ul class="friend-ul">
								<li><img src="img/github.png"/> <a target="_blank" href="https://git.oschina.net/tudou666/notebook_php">GitHub</a></li>
								<li><img src="img/twitter.png"/><a target="_blank" href="http://www.tui-te.com">Twitter</a></li>
								<li><img src="img/linux.png"/><a target="_blank" href="https://linux.cn">Linux</a></li>
							</ul>
						</div>
						<!--赞助商-->
						<div class="footer-sponsor">
							<h3>赞助商</h3>
							<ul class="sponsor-ul">
								<li><a target="_balnk" href="http://wel.3twd.cn" title="陶煜,陶炜,田阳">3T</a></li>
								<li><a target="_balnk" href="http://www.coder4me.cn/HomePage/" title="coder4me.cn">Coder4me</a></li>
								<li><a target="_balnk" href="http://www.haobobbs.cn" title="陈浩宁的个人论坛">浩博论坛</a></li>
								<li><a target="_balnk" href="http://www.e8net.cn" title="E8net.cn">E8网络工作室</a></li>
							</ul>
						</div>
					</div>
				</div>
				<!--Copy-right-->
				<div class="copy-right">
					<span>版权所有 © 孙龙</span>
					<a href="http://www.miibeian.gov.cn/publish/query/indexFirst.action" target="_blank">皖ICP备16000979号</a>
				</div>
			</div>
		</div>
		
	<script type="text/javascript" src="js/move.js"></script>
	<script>
	$(function(){
		
		$('#myHomePage').fullpage({
			anchors:['banner','two','three','footer'],
			'navigation': true,
			/*'afterRender':function(){
				move('#homePagePic').set('background-position-x',0).end();
			},
			'onLeave':function(index,nextIndex,direction){
				switch(index){
					case 1:
						move('#homePagePic').set('background-position-x','319px').end();
					break;
					case 2:
						move('#functionPic').set('top','660px').set('opacity',0).end();
					break;
					case 3:
						move('#text').set('left','600px').set('opacity',0).end();
					break;
					case 4:
						move('#codePic').rotate(0).end();
						move('#codeText').set('opacity',0).end();
					break;
				}
			},*/
			/*'afterLoad':function(anchorLink,index){
				switch(index){
					case 1:
						move('#homePagePic').set('background-position-x',0).end();
					break;
					case 2:
						move('#functionPic').set('top','60px').set('opacity',1).end();
					break;
					case 3:
						move('#text').set('left','0px').set('opacity',1).end();
					break;
					case 4:
						move('#codePic').rotate(360).end();
						move('#codeText').set('opacity',1).end();
					break;
				}
			}*/
		});
	});
	</script>
	</body>
</html>